<!-- 提示选择项目之后可以查看 -->
<template>
	
	<view class="container">
		<view class="itembox">
			<view class='one'  @click="to_live(1)">
				 <image class='img' src="../../static/mode1_card.png" mode='aspectFit' />
			</view>
			
			<view class="two" @click="to_live(3)">
				 <image class='img' src="../../static/mode2_card.png" mode='aspectFit' />
			</view>
		</view>
        <!-- <button size="mini" type="primary" @click="putOut">导出</button> -->
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			to_live(e){
				
				uni.navigateTo({
					url:"/pages/index/date?mode="+e,
				})
		
				
				

			}
		}
	}
</script>

<style>
	.container{
		height:100%;
		width:100%;
		position:fixed;
		display: flex;
		flex-direction: row;
		align-item: center;
		justify-content: center;
	 
	}
	.text{
		text-align: center;
	}
	.takePlace{
		height:10%;
	}
	.take{
		height:10%;
	}
	.img{
		height:100%;
	}
	.itembox{
		display:flex;
		flex-direction: row;
		justify-content: center;
		padding-bottom: 150rpx;
	}
	.competition{
	    display: flex;
		flex-direction: row;
		align-items: center;
		margin: 25rpx 25rpx;
		border-radius: 60rpx;
	    padding:50rpx  30rpx;
		/*  阴影 */
		box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);
	
	}
	image{
		object-fit: contain;
		width:200px;
	}
	.one,.two{
	   /* display: flex;
		flex-direction: column; */
		height:50%;
		margin: 25rpx 25rpx;
		/* border-radius: 60rpx;
	    padding:50rpx  30rpx; */
		/*  阴影 */
		/* box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15); */
	
	}
	.itemContext{
		width:100%;
		height:100%;
		display:flex;
		font-size:1.5rem;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	    justify-content: center;
        align-items: center;	
	}
	.takePlace{
		height:30rpx;
	}
	

</style>
